<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% if block('title') is not empty %}{{ block('title') }} - {% endif %}Packages - Terramar Labs</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link href="{{ asset("favicon.ico") }}" rel="shortcut icon">
        <link href="//cdn.jsdelivr.net/bootstrap/3.1.1/css/bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="//cdn.jsdelivr.net/fontawesome/4.1.0/css/font-awesome.min.css" type="text/css" rel="stylesheet">
        <link href="//cdn.jsdelivr.net/ionicons/1.4.1/css/ionicons.min.css" type="text/css" rel="stylesheet">
        <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic" type="text/css" rel="stylesheet">
        <link href="{{ asset("css/AdminLTE.css") }}" type="text/css" rel="stylesheet">
        <link href="//cdn.datatables.net/r/bs/dt-1.10.9,r-1.0.7/datatables.min.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" charset="utf8" src="//cdn.jsdelivr.net/jquery/1.11.0/jquery.min.js"></script>

        <!--[if lt IE 9]>
        <script src="//cdn.jsdelivr.net/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="//cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-gray">
        <header class="header">
            <a href="{{ path('manage') }}" class="logo">
                Packages
            </a>
            <nav class="navbar navbar-static-top" role="navigation">
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="dropdown messages-menu">
                            <a href="{{ path('logout') }}">
                                <i class="ion ion-power"></i>
                                Logout
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <aside class="left-side sidebar-offcanvas">
                <section class="sidebar">
                    <form action="{{ path('manage') }}" method="get" class="sidebar-form">
                        <div class="input-group">
                            <input type="text" name="query" class="form-control" placeholder="Search..."/>
                            <span class="input-group-btn">
                                <button type="submit" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </form>
                    <ul class="sidebar-menu">
                        <li{% if is_current_controller('Manage') %} class="active"{% endif %}>
                            <a href="{{ path('manage') }}">
                                <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                            </a>
                        </li>
                        <li{% if is_current_controller('Package') %} class="active"{% endif %}>
                            <a href="{{ path('manage_packages') }}">
                                <i class="ion ion-fork-repo"></i> <span>Packages</span>
                            </a>
                        </li>
                        <li{% if is_current_controller('Remote') %} class="active"{% endif %}>
                            <a href="{{ path('manage_remotes') }}">
                                <i class="fa fa-share-alt"></i> <span>Remotes</span>
                            </a>
                        </li>
                    </ul>

                </section>

                <section class="plugin-list">
                    <dl>
                        {% for plugin,version in app.container.parameter('packages.registered_plugins') %}
                            <dt>{{ plugin }}{% if version %} ({{ version }}){% endif %}</dt>
                        {% endfor %}
                    </dl>
                </section>
            </aside>
            <aside class="right-side">
                <section class="content-header">
                    {% block content_header %}
                    <h1>
                        {% block title %}{% endblock title %}
                        <small>{% block alt_title %}{% endblock alt_title %}</small>
                    </h1>
                    {% endblock content_header %}
                </section>
                <section class="content">
                    {% block content %}
                    {% endblock content %}
                </section>
            </aside>
        </div>

        <script src="//cdn.datatables.net/r/bs/dt-1.10.9,r-1.0.7/datatables.min.js" type="text/javascript"></script>
        <script src="//cdn.jsdelivr.net/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="{{ asset("js/AdminLTE/app.js") }}" type="text/javascript"></script>
        {% block javascripts %}{% endblock %}
    </body>
</html>
